<!DOCTYPE html>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<%
    String ctx = request.getContextPath();
    String basePath = request.getScheme() + "://"
            + request.getServerName() + ":" + request.getServerPort()
            + ctx + "/";
%>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>注册</title>
</head>
<body>
<header>
    <jsp:include page="topbar.jsp"/>
    <div class="reg">
        <form action="<%=ctx%>/Login/Register" method="post">
            <ul class="zc">
                <li>注册账号 <input type="text" name="userAccount" placeholder=" 请输入账号"
                                oninput="value=value.replace(/[^\d]/g,'')"></li>
                <li>用户名   <input type="text" name="userName" placeholder=" 请输入用户名"></li>
                <li>设置密码 <input type="Password" name="userPassword1" placeholder=" 请输入6-18位密码"></li>
                <li>确认密码 <input type="Password" name="userPassword2" placeholder=" 请再次输入密码"></li>
                <li>用户地址 <input type="text" name="userAddress" placeholder=" 请输入你的地址"></li>
                <div class="argee">
                    <input type="checkbox" name="flag" style="font-size: 12px; float: left; margin: 2px 5px;">
                    <p style="font-size: 12px;">同意并遵守《二手交易服务协议》</p>
                </div>
                <button class="btn" type="submit"><span>注册</span></button>
            </ul>
        </form>
    </div>
</header>

</body>
<style>
    * {
        margin: 0;
        padding: 0;
    }

    body {
        background-image: url(/images/bg.jpg);
        background-repeat: no-repeat;
        background-size: cover;
    }

    .head {
        width: 100%;
        height: 70px;
        background-color: #eeeeee;
        line-height: 70px;
    }

    a {
        text-decoration: none;
        color: rgb(109, 187, 240);
    }

    li {
        list-style: none;
        margin: 15px 0;
        font-size: 13px;
        color: #757575;
    }

    li > input {
        border-radius: 3px;
        width: 300px;
        height: 35px;
        border: 1px solid #81D3F8;
    }

    .reg {
        display: flex;
    }

    .reg > .zc {
        margin: 50px auto;
    }

    .reg .argee {
        margin: 20px 66px;
    }

    .btn {
        color: #81D3F8;
        width: 210px;
        height: 35px;
        margin: 10px 80px;
        border: 1px solid #81D3F8;
        border-radius: 3px;
        background-color: #fff;
    }
</style>
</html>